<template>
    <div class="index-main">        
        <p>内容正在开发,尽请期待...</p>  
        <footer>
        	<router-link to="/actives" class="actives"><i class="iconfont">&#xe64f;</i>活动</router-link>		
        	<router-link to="/index" class="index"><i class="iconfont">&#xe601;</i>首页</router-link>		
        	<router-link to="/register" class="register"><i class="iconfont">&#xe507;</i>我的</router-link>		
        </footer>              
    </div>
</template>
<style lang="scss">
body {

    .index-main {
    	p {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto;
			text-align: center;
			font-size:  1rem;
			color: #fff;   	
			height: 2rem;	
    	}

    	footer {
    		display: flex;	
    		left: 0;
    		bottom: 0;    
    		position: fixed;
    		width: 100%;
			height: 2.5rem;
			font-size: 0.6rem;
			background: #fff;
			border-top: 1px solid #ddd;

			a {
				line-height: 2.5rem;
				flex: 1;	
				text-align: center;
				color: #898989;
			}
    	}
	}
}
</style>